<template>
  <div class="scroll-wrapper" ref="wrapper">
    <div class="scroll-content">
      <!-- 滚动区域 -->
      <current-city></current-city>
      <!-- 城市列表 -->
      <city-list></city-list>
    </div>
  </div>
</template>

<script>
import BetterScroll from 'better-scroll';
import CurrentCity from './CityList/CurrentCity.vue'
import CityList from './CityList'

export default {
  name: 'CityScrollWrapper',
  mounted() {
    this.scroll = new BetterScroll(this.$refs.wrapper);
  },
  components: {
    CurrentCity,
    CityList
  }
}
</script>

<style>

</style>